<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div class="laybox mt20">
  <div class="a200">
    <div class="tit222"><a href="${ctx}/guide.htm" target="_blank" id="dsy_D05_01">选房</a></div>
    <div class="a200nr">
      <div class="YTcondition">
        <ul class="list1" id="dsy_D05_09">
          <li>
            <a href="javascript:guideSearch('area',420106);">武昌</a>  <em>|</em>
            <a href="javascript:guideSearch('area',420102);">江岸</a>  <em>|</em>
            <a href="javascript:guideSearch('area',420111);">洪山</a>  <em>|</em>
            <a href="javascript:guideSearch('area',420103);">江汉</a>
          </li>
          <li>
            <a href="javascript:guideSearch('area',420105);">汉阳</a> <em>|</em>
            <a href="javascript:guideSearch('area',420112);">东西湖</a> <em>|</em>
            <a href="javascript:guideSearch('area',420107);">青山</a> <em>|</em>
            <a href="javascript:guideSearch('area',420104);">硚口</a>
          </li>
          <li>
            <a href="javascript:guideSearch('area',420116);">黄陂</a> <em>|</em>
            <a href="javascript:guideSearch('area',420114);">蔡甸</a> <em>|</em>
            <a href="javascript:guideSearch('area',420115);">江夏</a> <em>|</em>
           <a href="${ctx}/guide.htm">更多区域</a>
          </li>
         <%-- <li>
            <a href="#">1号线</a> <em>|</em>
            <a href="#">2号线</a> <em>|</em>
            <a href="#">4号线</a> <em>|</em>
            <a href="#">学区</a>
          </li>--%>
          <li>
            <a href="javascript:guideSearch('price','50-60');">50-60万</a> <em>|</em>
            <a href="javascript:guideSearch('price','60-80');">60-80万</a><em>|</em>
            <a href="javascript:guideSearch('price','80-100');">80-100万</a>
          </li>
          <li>
            <a href="javascript:guideSearch('room','1-2');">两居</a> <em>|</em>
            <a href="javascript:guideSearch('room','2-3');">三居</a> <em>|</em>
            <a href="javascript:guideSearch('room','0-1');">一居</a> <em>|</em>
            <a href="javascript:guideSearch('room','3-4');">四居</a>
          </li>
          <li>
            <a href="javascript:guideSearch('size','70-90');">70-90平</a> <em>|</em>
            <a href="javascript:guideSearch('size','90-120');">90-120平</a> <em>|</em>
            <a href="javascript:guideSearch('size','50-70');">50-70平</a>
          </li>
        </ul>
      </div>
      <%--<div class="" id="dsy_D05_10">
        <div class="redTitle">
          <a href="http://esf.wuhan.fang.com/house/a210/" target="_blank">热门导购</a>
        </div>
        <ul class="picList2">
          <li><div class="picBox">
            <a href="http://esf.wuhan.fang.com/house/a21/" target="_blank">

              <img data-original="http://imgs2.soufunimg.com/viewimage/news/2015_02/03/1422930376915/82x62.jpg" width="82" height="62" src="http://imgs2.soufunimg.com/viewimage/news/2015_02/03/1422930376915/82x62.jpg" style="display: inline;">
            </a>
          </div>
            <div class="introBox">
              <h3>
                <a href="http://esf.wuhan.fang.com/house/a21/" target="_blank">佣金仅收0.5%</a>
              </h3>
              <p>
                <a href="http://esf.wuhan.fang.com/house/a21/" target="_blank">全城最低利率93折起 省出现金真霸气</a>
              </p>

            </div></li>

          <li><div class="picBox">
            <a href="http://esf.wuhan.fang.com/zt/201503/315wh.html" target="_blank">

              <img data-original="http://imgs.soufun.com/viewimage/news/2015_03/13/esf/1426223646914_000/82x62.jpg" width="82" height="62" src="http://imgs.soufun.com/viewimage/news/2015_03/13/esf/1426223646914_000/82x62.jpg">
            </a>
          </div>
            <div class="introBox">
              <h3>
                <a href="http://esf.wuhan.fang.com/zt/201503/315wh.html" target="_blank">315维权</a>
              </h3>
              <p>
                <a href="http://esf.wuhan.fang.com/zt/201503/315wh.html" target="_blank">二手房交易痛点 亲，你中招了吗</a>
              </p>

            </div></li>

        </ul>
      </div>--%>
    </div>
  </div>

  <div class="a978">
    <div class="tit655">
      <c:forEach items="${sysGoodsType}" var="goodsType" varStatus="stat">
        <c:if test="${stat.first}">
          <c:set var="cls" value="s1"/>
          <c:set var="goodsTypeId" value="${goodsType.id}"/>
        </c:if>
        <c:if test="${!stat.first}">
          <c:set var="cls" value="s2"/>
        </c:if>
        <div class="${cls}" onmouseover="show_menuc('${goodsType.id}',this)" id="goodsType-${goodsType.id}">
          <span><a href="${ctx}/guide.htm" target="_blank">${goodsType.dicVal}</a></span>
        </div>
        <c:if test="${!stat.last}"><em>|</em></c:if>
      </c:forEach>
    </div>
  </div>

  <div class="a655">
  <c:forEach items="${sysGoodsType}" var="goodsType" varStatus="stat">
    <c:if test="${!stat.first}">
      <c:set var="cls1" value="noneBox"/>
    </c:if>
    <div class="a655nr ${cls1}" id="goodsShow-${goodsType.id}">
      <ul class="picList1">
        <c:forEach items="${goodsType.goodses}" var="goods">
        <li>
          <div class="imgbox">
            <a href="${ctx}/detail.htm?id=${goods.id}" target="_blank">
              <img alt="${goods.name}" width="207" height="138" border="0" src="${myfn:mainImg(goods.id)}" style="display: inline;">
            </a>
            <div class="text">
              <p>
                <label>${goods.housesize}㎡</label>
                <a href="${ctx}/detail.htm?id=${goods.id}" target="_blank">${goods.name}</a>
              </p>
            </div>
          </div>
          <div class="imginfo2">
            <p>
              <span class="flol"><em class="red">${goods.price}万</em>${goods.room}室${goods.hall}厅</span>
              <span class="yyBtn">${myfn:address(goods.area_id)}二手房</span>
            </p>
            <%--<p class="yh">
              <a href="##" target="_blank">
                江岸江汉找房源&gt;&gt;
              </a>
            </p>--%>
          </div>
        </li>
        </c:forEach>
      </ul>
    </div>
  </c:forEach>
  </div>

  <%--广告为--%>
  <div class="a300">
    <div class="a300nr">
      <div class="add300">
        <img src="${static_url}/ui/app/assets/images/demo/a6bcc4ca72db4288aab2606c122a4188.jpg" border="0" width="300" height="100">
      </div>
      <div class="add300">
        <img src="${static_url}/ui/app/assets/images/demo/a6bcc4ca72db4288aab2606c122a4188.jpg" border="0" width="300" height="100">
      </div>
      <div class="add300">
        <img src="${static_url}/ui/app/assets/images/demo/a6bcc4ca72db4288aab2606c122a4188.jpg" border="0" width="300" height="100">
      </div>
    </div>
  </div>

  <!-- 商品类别-排序-end -->
  <form id="guideForm">
    <input type="hidden" name="area_id" value="${param.area_id}"/>
    <input type="hidden" name="price" value="${param.price}"/>
    <input type="hidden" name="house_size" value="${param.house_size}"/>
    <input type="hidden" name="room" value="${param.room}"/>
  </form>

  <script>
    var cuurent_goodTypeID = "${goodsTypeId}";
    function show_menuc(id,self){
      var cls = $(self).attr("class");
      if(cls=="s1"){
        return false;
      }else{
        $("#goodsType-"+cuurent_goodTypeID).attr("class","s2");
        $("#goodsShow-"+cuurent_goodTypeID).addClass("noneBox");
        $("#goodsType-"+id).attr("class","s1");
        $("#goodsShow-"+id).removeClass("noneBox");
        cuurent_goodTypeID =id;
      }
    }

    function guideSearch(name, val) {
      if (name == 'area') {
        $("input[name=area_id]").val(val);
      }
      if (name == 'price') {
        $("input[name=price]").val(val);
      }
      if (name == 'size') {
        $("input[name=house_size]").val(val);
      }
      if (name == 'room') {
        $("input[name=room]").val(val);
      }
      var param = $("#guideForm").serialize();
      location.href="${ctx}/guide.htm?"+param;
    }

  </script>
</div>

